<template>
  <footer id="footer">
    <ul>
      <li><a href="javascript:">关于我们</a></li>
      <li><a href="javascript:">免责声明</a></li>
      <li><a href="javascript:">使用协议</a></li>
      <li><a href="http://beian.miit.gov.cn/" target="_blank">XXX备XXXX号</a></li>
      <li>@Copyright 2021-2022. ALL Rights Hasn't Reserved</li>
    </ul>
  </footer>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<style scoped>
  #footer a {
    color: #919698;
    font-size: 14px;
  }
  #footer {
    background-color: #eee;
  }
  #footer ul {
    display: flex;
    justify-content: center;
    height: 80px;
    line-height: 80px;
  }
  #footer ul li {
    color: #919698;
    font-size: 14px;
    margin-right: 20px;
  }
</style>
